Vue
Vue - основний об'єкт фрейморка Vue.js.
Синтаксис:
var objectVue=new Vue(parameters);
//або виклик статичних методів
Vue.name_method();
Параметри:
objectVue - зміна якій буде присвоєно новостворений об'єкт Vue.
parameters - об'єкт який містить параметри новоствореного об'єкту.
Можливі параметри:
- el - рядок який містить CSS селектор бо сам об'єкт Element над яким необхідно застосувати (примонтувати) Vue.js.
- data - об'єкт з глобальними властивостями (даними).
- template - рядок який містить шаблон HTML код компонента.
- methods - об'єкт який містить методи які застосовуються у компоненті.
- props - об'єкт який містить вхідні параметри.
- computed - властивості data над якими слід слідкувати.
- watch - спостереження над ключами властивісті data.
Опис:
Vue це основний об'єкт фрейморка Vue.js який викликається за допомогою new для створення екземпляра Vue.js і застосовує фреймворк до вказаного елемента у параметрі el.
Властивості створеного екземпляра об'єкта Vue:
- $data - об'єкт який був переданий data у параметрі parameters.
- $e - елемент який був переданий el у параметрі parameters.
- _uid - ідентифікатор об'єкта на поточній веб-сторінці, число від 0. 0 - першому створеному об'єкту, 1 - другому і т.д..
- _vnode - віртуальний вузол.
- $children - масив який містить дочірні компоненти.
- $root - кореневий екземпляр Vue поточного дерева компонентів.
- $parent - екземпляр батька, якщо такий є.
- $props - вхідні дані компонента.
- $slots - слоти екземпляра.
- $isServer - чи запущений даний екземпляр на сервері
Методи створеного екземпляра об'єкта Vue:
- $on() - створює підписку на подію користувача.
- $once() - створює підписку на подію користувача тільки один раз. Після виникнення події підписка видаляється.
- $emit() - формує подію на поточний екземпляр об'єкта.
- $off() - видаляє підписку на подію.
- $watch() - запускає нагляд за змінами у виразі або функції.
-
- $mount() - примонтовує об'єкт до вказаного елемента.
- $forceUpdate() - перемальовує компонент.
- $nextTick - виконує вказану функцію при наступному обновлені DOM.
- $destroy() - повністю видаляє екземпляр об'єкта Vue.
Також у Vue.js є статистичні методи і властивості для виклику яких не потрібно створювати екземпляр об'єкт Vue за допомогою new.
Статичні методи об'єкта Vue:
- Vue.component() - реєструє глобально новий компонент.
- nextTick() - виконує вказану функцію при наступному обновлені DOM.
- set() - додає властивість до об'єкту який має реактивність даних.
- delete() - видаляє поля.
- directive() - реєструє нову глобальну директиву.
- filter() - реєструє нову фільтр.
- use() - встановлює плагін Vue.js.
- compile() - компілює шаблон в рендер функцію.